.info{
	display: flex;
	flex-direction: column;
	padding-bottom: 30rpx;
	.title{
		color: var(--themeColor);
		font-size: 50rpx;
		font-weight: bold;
		text-align: center;
		padding: 20rpx 0;
	}
	.second_title{
		color: var(--themeColor);
		font-size: 30rpx;
		text-align: right;
		padding-right: 20rpx;
	}
	.info_info{
		white-space: pre-line;
		padding: 0rpx 20rpx;
		text-align: justify;
		line-height: 45rpx;
		font-size: 30rpx;
	}
	.info_btn{
		width: 80%;
		margin-top: 25rpx;
		background-color: #FFFFFF;
		border: 5rpx solid #1296db;
		padding: 20rpx;
		border-radius: 10rpx;
		font-size: 35rpx;
		font-weight: bold;
		text-align: center;
		color: var(--themeColor);
	}
}

.screen_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
  overflow: hidden;
  z-index: 1000;
  color: #fff;
}
.showBox {
  height: 40%;
  width: 100%;
  overflow: hidden;
  position: fixed;
  border-top: 5rpx solid #1296db;
  border-radius: 20rpx;
  bottom: 0;
  left: 0;
  z-index: 2000;
  background: #fff;
  padding-top: 50rpx;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  .showBox_info{
	  margin-left: 30rpx;
	  margin-top: 30rpx;
	  width: 90%;
	  height: 80rpx;
	  display: flex;
	  justify-content: flex-start;
	  align-items: center;
	  border-bottom: 5rpx solid #dcdcdc;
	  .iconfont{
		  font-size: 50rpx;
		  padding: 0 10rpx;
	  }
	  .showBox_info_title{
		  color: #666666;
		  text-align: left;
		  font-size: 25rpx;
	  }
  }
}